<faq-list-stacked data-section-id="{{ section.id }}" data-faq-type="stacked">
  <div class="as-anchor position-absolute mt-nsection"></div>
  <div class="container mt-md-6 mt-5">
    <div class="row">
      {% comment %} menu {% endcomment %}
      <div class="col-12 col-xl-3 col-md-4 ps-md-0">
        <div class="accordion d-md-block d-none">
          {% render 'faq-tab-stacked-menu', port: 'pc', faqs: faqs %}
        </div>
        <div class="accordion d-md-none d-block position-relative">
          <a
            class="rounded-2 as-accordion-button accordion-button collapsed nav-link px-5 py-3 fs-6 cursor-pointer"
            data-bs-toggle="collapse"
            role="tab"
            aria-expanded="true"
          ></a>
          <div
            class="collapse fade-out position-absolute top-0 w-100 mob-select-area rounded-2"
            id="as-accordion-nav-mob-{{ section.id }}"
          >
            {% render 'faq-tab-stacked-menu', port: 'mob', faqs: faqs %}
          </div>
        </div>
      </div>
      <div class="col-12 col-xl-9 col-md-8 pe-md-0">
        <div class="tab-content mt-md-0 mt-3">
          {%- for faq_category in faqs.links -%}
            {% comment %} {% if forloop.first %}
              {% assign firstLoop = true %}
            {% else %}
              {% assign firstLoop = false %}
            {% endif %} {% endcomment %}
            {% if faq_category.levels == 0 %}
              {% assign path_segments = faq_category.url | split: '/' %}
              {% assign blog_handle = path_segments.last %}
              {%- assign faq_blog_posts = blogs[blog_handle] -%}
              {% render 'faq-tab-stacked-pane',
                forloop: forloop,
                item: faq_category,
                faq_blog_posts: faq_blog_posts
              %}
            {% else %}
              {% for item in faq_category.links %}
                {% assign path_segments = item.url | split: '/' %}
                {% assign blog_handle = path_segments.last %}
                {%- assign faq_blog_posts = blogs[blog_handle] -%}
                {% render 'faq-tab-stacked-pane',
                  forloop: forloop,
                  item: item,
                  faq_blog_posts: faq_blog_posts
                %}
              {% endfor %}
            {% endif %}
          {%- endfor -%}
        </div>
      </div>
    </div>
  </div>
</faq-list-stacked>